<template>
    <div class="BindingPhone">
          <headerTou :isfanhui=true :border=true title="绑定手机" ></headerTou>
          <div class="borderheight"></div>
          <input type="number" placeholder="请输入号码">
          <div class="div">
           <input type="type" placeholder="请输入验证码">
           <div>获取验证码</div>
           </div>
                       <div class="footflex">
          <div class="btn" @click=bangding>确定</div>
         </div>
    </div>
</template>
<script>
import headerTou from "./zujian/header.vue";
import Cookie from '../utils/cookie'
export default {
  data() {
    return {};
  },
  created() {},
  mounted() {},
  methods: {
    bangding:function(){
       Cookie.set('Phone', true)
         this.$router.push({ name: 'home' });
    }
  },
  components: {
    headerTou
  }
};
</script>
<style lang="scss" scoped>
.BindingPhone {
  height: 100%;
  background: #e5e5e5;
  .borderheight {
    height: 18px;
    background: #e5e5e5;
  }
  input {
    width: 100%;
    border: none;
    height: 90px;
    padding-left: 30px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 36px;
    font-family: PingFangSC-Regular;
  }
  .div {
    position: relative;
    div {
      position: absolute;
      right: 32px;
      bottom: 0;
      top: 0;
      margin: auto;
      font-family: PingFangSC-Regular;
      font-size: 32px;
      color: #e97a36;
      height: 40px;
      width: 160px;
    }
  }
  .footflex {
    width: 100%;
    height: 102px;
    background: #e5e5e5;
    line-height: 102px;
    position: fixed;
   top:191*2px;
    .btn {
      border-radius: 8px;
      background: #e97a36;
      width: 630px;
      height: 72px;
      font-family: PingFangSC-Regular;
      font-size: 36px;
      color: #ffffff;
      letter-spacing: 0;
      text-align: center;
      line-height: 72px;
      margin: 0 auto;
      position: relative;
      top: 15px;
    }
  }
}
</style>


